<style>
    .pane, .view {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #ffffff!important;
        overflow: hidden;
    }
    .transverse_home{

    }
    .dataHome_list.transverse{
        top: 0!important;
        background-color: #fff;
    }
    .transverse_close{
        font-size: 40px;
        position: absolute;
        right: 20px;
        bottom: 10px;
        color: #999;
    }

    .platform-ios.platform-cordova:not(.fullscreen) .has-header{
        top:44px!important;
    }
    /*iphone x 横屏*/
    @media only screen and (width: 812px) and (height: 375px){
        .transverse_home{
            margin-left: 40px;
        }
        .platform-ios.platform-cordova:not(.fullscreen) .has-header{
            top: 44px;
            bottom:34px;
        }
    }
</style>
<ion-view hide-back-button="true">
    <!--<ion-header-bar class="index_head">-->
        <!--<button class="button button-icon icon ion-android-arrow-back" ng-click="goSummary()" style="color: #fff"></button>-->
        <!--<div class="h1 title">订单汇总</div>-->

    <!--</ion-header-bar>-->
    <ul class="dataHome_list transverse clear">
        <li  ng-click="dataTab('1')" ng-class="n==1?'actives':''">
            最近七天
        </li>
        <li ng-click="dataTab('2')" ng-class="n==2?'actives':''">
            最近一月
        </li>
        <li ng-click="dataTab('3')" ng-class="n==3?'actives':''">
            最近半年
        </li>
        <li ng-click="dataTab('4')" ng-class="n==4?'actives':''">
            最近一年
        </li>
        <li ng-click="dataTab('5')" ng-class="n==5?'actives':''">
            全部
        </li>
    </ul>
    <ion-content class="bg-fff has-header" style="    background-color: #fff9f2;">
        <div class="transverse_home">
            <div class="data_chart_wrap">
                <div style="color: #666;font-size: 12px;padding: 15px;background-color: #fff;">单位：万</div>
                <!--图标统计-->
                <div class="data_chart_head" style="margin-top: 0;">

                    <div class="data_charthead_con" id="flowMain_tansverse" style="width: 100%;height: 150px;">
                    </div>
                    <div class="summary_all row row-no-padding text-center">
                        <div class="col">
                            <div style="font-size: 12px;color: #999;margin-bottom: 5px">
                                预约订单<div class="summary_all_line"></div>
                            </div>
                            <div style="font-size: 18px;color: #333">{{makeAll | abbrMoney2}}</div>
                        </div>
                        <div class="col">
                            <div style="font-size: 12px;color: #999;margin-bottom: 5px">
                                成交订单<div class="summary_all_line" style="background-color: #ff9a14"></div>
                            </div>
                            <div style="font-size: 18px;color: #333">{{doneAll | abbrMoney2}}</div>
                        </div>
                        <div class="transverse_close" ng-click="goSummary()">×</div>
                    </div>

                </div>
            </div>
            <!--<div style="color: #666;font-size: 12px;padding: 15px">单位：百万</div>-->
            <!--<div class="data_charthead_con" id="flowMain_tansverse" style="width: 100%;height: 200px;"></div>-->
        </div>
    </ion-content>

</ion-view>